html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
}

h1 {
  margin: auto;
  color: gray;
  font-size: 6rem;
  position: relative;
  &::after {
    content: "spotlight";
    position: absolute;
    left: 0;
    top: 0;
    color: transparent;
    background-image: linear-gradient(to right, #6025f5, #ff5555);
    clip-path: ellipse(100px 100px at 0% 50%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    animation: move 5s infinite;
  }
}

@keyframes move {
  0% {
    clip-path: ellipse(100px 100px at 0% 50%);
  }

  50% {
    clip-path: ellipse(100px 100px at 100% 50%);
  }

  100% {
    clip-path: ellipse(100px 100px at 0% 50%);
  }
}
